
.indexBanner{
    max-width: 1366px;
    margin: 0 auto;position: relative;
    margin-bottom: 60px;
    .swiper-slide{
        img{width: 100%;}
    }
    .ic-left{
        position: absolute;left: 20px;z-index: 10;
        font-size: 45px;top: 40%;color: #FFFFFF;
        .swiper-slide img{
            width: 100%;
        }
    }
    .ic-right{
        position: absolute;right: 20px;z-index: 10;
        font-size: 45px;top: 40%;color: #FFFFFF;
    }
    .slide_text {
        position: absolute;
        top: 25%;
        pointer-events: none;
        left: 0px;
        width: 100%;
        color: #fff;
        text-align: center;
        .slide_text_title {
            width: 100%;
            font-size: 50px;
        }
        .slide_text_desc {
            width: 100%;
            font-size: 26px;
        }
    }
    .slide_next_more {
        position: absolute;
        left: 50%;z-index: 10;
        margin-left: -18px;
        width: 36px;opacity: 0.6;
        bottom: 10px;
        height: 50px;
        color: #fff;
        -webkit-animation: move_down 1.5s infinite ease-in-out;
        -moz-animation: move_down 1.5s infinite ease-in-out;
        -ms-animation: move_down 1.5s infinite ease-in-out;
        animation: move_down 1.5s infinite ease-in-out;
        .icon{
            font-size: 36px;    
        }
    }
    .swiper-pagination-bullet{
        width: 50px;
        height: 4px;
        background-color: rgba(255, 255, 255, .8);
        border: none;
        margin: 0 8px;border-radius: 2px;
    }
    .swiper-pagination-bullet-active{
        opacity: 1;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 80px;
    }
}

@keyframes move_down {
    0% {
        transform: translateY( -3px);
    }
    50% {
        transform: translateY( 3px);
    }
    100% {
        transform: translateY( -3px);
    }
}

@-ms-keyframes move_down {
    0% {
        -ms-transform: translateY( -3px);
    }
    50% {
        -ms-transform: translateY( 3px);
    }
    100% {
        -ms-transform: translateY( -3px);
    }
}

@keyframes move_right {
    0% {
        transform: translateX( -3px);
    }
    50% {
        transform: translateX( 3px);
    }
    100% {
        transform: translateX( -3px);
    }
}

@-ms-keyframes move_right {
    0% {
        -ms-transform: translateX( -3px);
    }
    50% {
        -ms-transform: translateX( 3px);
    }
    100% {
        -ms-transform: translateX( -3px);
    }
}

// 新闻模块
.index-news {
    padding-bottom: 40px;
    padding-top: 15px;
}

.item-news {
    padding: 9px;box-sizing: border-box;
    .box{
        box-shadow: 0 0 15px #C3C1C1;
        .inner{
            padding: 18px 15px;
        }
    }
    .img {
        width: 100%;
        overflow: hidden;
        img {
            width: 100%;
            transition: all 0.5s;
        }
        &:hover {
            img {
                transform: scale(1.1);
            }
        }
    }
    h3 {
        font-size: 14px;
        font-weight: 700;
        margin-top: 0;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    h4 {
        font-size: 12px;
        font-weight: normal;
        margin: 15px 0;
        margin-bottom: 0;
        color: rgba(0,0,0,0.8);
    }
    p {
        color: #8e8e8e;
        font-size: 14px;
        line-height: 2;
        margin-bottom: 25px;
        margin-top: 25px;
    }
}

.index-wenzai {
    @include clearfix;
    padding-bottom: 30px;
    .iw-left,
    .iw-right {
        padding: 0;
        overflow: hidden;
    }
    .iw-right {
        min-height: 350px;
    }
    .iw-right {
        position: relative;overflow: hidden;
        background-color: #f8f8f8;
        color: #fff;
        padding: 30px 40px 30px 60px;
        box-sizing: border-box;
        h3 {
            font-size: 15px;
            margin-bottom: 30px;
            color: rgba(0,0,0,0.8);
        }
        p {
            font-size: 12px;
            line-height: 2.4;
            color: rgba(0,0,0,0.8);
        }
    }
    .carousel-indicators li {
        margin-left: 20px;
    }
    .swiper-pagination{
        text-align: left;margin-top: 40px;position: relative;
        .swiper-pagination-bullet{
            margin-right:10px!important;width: 6px;height: 6px;background: #FFFFFF;border: 1px solid #b2b2b2;opacity: 1;
        }
        .swiper-pagination-bullet-active{
            background: #b2b2b2;
        }
    }
    
}

#carousel-wenzai {
    .carousel-indicators {
        text-align: right;
        left: 60%;
        li.active {
            background-color: $color-primary;
            border-color: $color-primary
        }
    }
    .carousel-inner {
        img {
            width: 100%;
            height: 100%;
        }
    }
}

// 企业文化
.culture-about {
    padding-top: 20px;
    .text {
        width: 900px;
        margin: 30px auto;
        color: $color-gray;
        line-height: 2.2;
        text-align: center;
    }
}

#culture-content {
    background: $color-primary-bg url(../img/images/bg_tmp1.png) no-repeat 50% 50%;
    color: #fff;
    min-height: 547px;
    &.cc-bg1 {
        background: $color-primary-bg url(../img/images/bg_tmp1.png) no-repeat 50% 50%;
    }
    &.cc-bg2 {
        background: $color-primary-bg url(../img/images/bg_tmp2.png) no-repeat 50% 50%;
    }
    &.cc-bg3 {
        background: $color-primary-bg url(../img/images/bg_tmp3.png) no-repeat 50% 50%;
    }
    &.cc-bg4 {
        background: $color-primary-bg url(../img/images/bg_tmp4.png) no-repeat 50% 50%;
    }
    &.cc-bg5 {
        background: $color-primary-bg url(../img/images/bg_tmp5.png) no-repeat 50% 50%;
    }
    .cc-details {
        padding: 46px 0;
        font-size: 14px;
        line-height: 2.8;
        position: relative;
        p {
            margin-bottom: 10px;
        }
        &::before {
            content: " “ ";
            font-size: 48px;
            position: absolute;
            left: -20px;
            top: 0;
        }
    }
    .cc-tab {
        width: 470px;
        padding-top: 58px;
        li {
            margin-left: 86px;
            cursor: pointer;
            height: 73px;
            line-height: 73px;
            background-color: $color-primary-bg;
            font-size: 18px;
            font-weight: 700;
            transition: margin-left .5s;
            em {
                font-size: 73px;
                padding-left: 10px;padding-right: 10px;
                color: #62bbf3;
                font-weight: 300;
                vertical-align: middle;
                font-family: sans-serif;
            }
            &:nth-child(1) {
                background-color: #a1dcfc;
            }
            &:nth-child(2) {
                background-color: #76ccfd;
            }
            &:nth-child(3) {
                background-color: #1ea0f6;
            }
            &:nth-child(4) {
                background-color: #1791de;
            }
            &:nth-child(5) {
                background-color: #0a5493;
            }
            &.active {
                background-color: #fff !important;
                color: #0277bc !important;
                em {
                    color: #0277bc;
                }
            }
            &.active {
                margin-left: 0 !important;
            }
            &:hover {
                margin-left: 60px;
            }
        }
    }
}

//健康文摘
.health {
    margin-top: 54px;
    >div {
        padding: 0;
        height: 390px;
    }
    .h-img {
        overflow: hidden;
        img {
            width: 100%;
            min-height: 100%;
        }
    }
    .h-text {
        background-color: $color-primary-bg;
        color: #fff;
        h3 {
            line-height: 1;
            font-size: 28px;
            margin: 0;font-weight: bold;
            @include ell();
        }
        span {
            height: 1px;
            width: 50px;
            background-color: #fff;
            display: block;
            margin: 28px 0;
        }
        p {
            font-size: 14px;
            line-height: 2;
            margin-bottom: 54px;
            @include multi(3);
        }
        .ht-inner {
            padding: 58px;
        }
    }
}

//健康文摘 详情
.health-details {
    padding-bottom: 60px;
    .container {
        padding: 0 80px;
    }
    @media screen and (max-width: 1024px) {
        .container {
            padding: 0;
        }
    }
    background-color: #f8f8f8;
    .time{
        text-align: center;font-size: 16px;color: #989898;
    }
    h3 {
        font-size: 30px;
        padding-top: 50px;
        text-align: center;
    }
    .details {
        color: #898989;
        line-height: 2;
        font-size: 14px;
        border-top:1px solid #e1e1e1;
        margin-top: 10px;padding-top: 20px;
    }
}

#carousel-details {
    .carousel-indicators {
        bottom: -40px;
        li {
            border-color: $color-primary-bg;
            &.active {
                background-color: $color-primary-bg;
                border-color: $color-primary-bg;
            }
        }
    }
    .carousel-control {
        background: none;
        width: 26px;
        height: 132px;
        background-color: $color-primary-bg;
        top: 50%;
        transform: translate(0, -50%);
        .icon {
            line-height: 132px;
            font-size: 20px;
            color: #fff;
        }
    }
    .carousel-inner .item img {
        width: 100%;
    }
}

//详情页轮播
.article-swiper{
    width: 100%;
    .item{
        width: 100%;
        img{width: 100%;}
    }    
    .swiper-button-prev{left: 0;}
    .swiper-button-next{right: 2px;}
    .swiper-button-prev,.swiper-button-next{
        background: none;opacity: 0.6;
        width: 26px;
        height: 132px;
        background-color: $color-primary-bg;
        top: 50%;
        transform: translate(0, -50%);
        .icon {
            line-height: 132px;
            font-size: 20px;
            color: #fff;
        }
    }
}
.article-swiper-pagination{
    width: 100%;    text-align: center;margin-top: 18px;
    .swiper-pagination-bullet{
        width: 12px;
        height: 12px;
        margin: 1px;vertical-align: middle;
        text-indent: -999px;
        border: 1px solid $color-primary;
        border-radius: 10px;opacity: 1;background: #FFFFFF;
        margin-right: 10px;
    }
    .swiper-pagination-bullet-active{
        background-color: #0078bd;
        border-color: #0078bd;
    }
}

//联系我们
.contact {
    margin-bottom: 30px;
    .contact-info {
        padding: 32px 0;position: relative;min-height: 400px;
        .ci-t1 {
            color: #343434;
            font-size: 16px;
            padding: 28px 0;
            font-weight: normal;
        }
        .ci-t2 {
            p {
                color: #737373;
                font-size: 14px;
                width: 220px;float: left;
                line-height: 2;
            }
            .thanks{
                position: absolute;font-size: 12px;
                bottom: 0;font-weight: bold;
            }
        }
    }
    .contact-map {
        padding: 55px 0;
        img {
            max-width: 100%;
            float: right;
        }
    }
}

//搜索页面
.search-title {
    background-color: $color-primary-bg;
    color: #fff;
    padding: 12px 20px;
    line-height: 1;
    font-size: 14px;
}

.search-block {
    .sch-item {
        border-bottom: 1px solid #eee;
        &:last-child { border: none; }
    }
    .sch-inner {
        display: block;
        padding: 20px 0;
        &:hover {
            text-decoration: none;
            color: #000
        }
        h3 {
            padding: 10px 0 20px;
            line-height: 1;font-size: 18px;
            color: #000;font-weight: bold;
        }
        p {
            padding-bottom: 18px;font-size: 14px;
            color: $color-gray;line-height: 2;
        }
        .sch-url {
            display: block;font-size: 12px;
            font-weight: 700;
            padding-bottom: 20px;
            color: #0078bd;
        }
    }
}
